@import 'diy.css';@import 'font/iconfont/iconfont.css';
@font-face {font-family:'tapeworm';src:url('font/tapeworm/tapeworm.woff2') format('woff2');src:url('font/tapeworm/tapeworm.woff') format('woff');src:url('font/tapeworm/tapeworm.ttf') format('truetype');font-weight:normal;font-style:normal;font-display: auto;}
@font-face {font-family:'D-DIN-PRO';src:url("font/D-DIN-PRO/D-DIN-PRO-600-SemiBold.otf");font-display: auto;}
@font-face {font-family:'Oswald';src:url("font/Oswald/Oswald-Regular-webfont.woff");font-display: auto;}
/*render*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
address,caption,cite,code,dfn,em,strong,th,var,i,strong,u {font-style:normal;font-weight:normal;}
img {border:none;vertical-align:top;}
ol,ul,li {list-style:none;}
/*global*/
html {height:100%;}
body {width:100%;font-family:"Microsoft Yahei","微软雅黑",STHeiti,"华文细黑",sans-serif;}
.font-oswald {font-family:Oswald,serif;}
a {color:#333;text-decoration:none;outline:none;}
/*custom*/
.noBlueBg {user-select:none;-moz-user-select:none;}
.flex {display:flex;}
.flex1 {flex:1;}
.hand {cursor:pointer;}
.aling-center {text-align:center;}
:root {
  --success-color:#00D9A3;
  --fail-color:#E84335;
  --alert-color:#FFC926;

  --module-border-color:rgba(2,166,181,.3);
}
/*module*/
.kkModule {width:100%;height:100%;border:1px solid rgba(25,186,139,.17);position:relative;box-sizing:border-box;}
.kkModule:before,.kkModule:after {position:absolute;width:10px;height:10px;content:"";border-top:2px solid var(--module-border-color);top:-1px;}
.kkModule:before,.kkModule-sub:before {border-left:2px solid var(--module-border-color);left:-1px;z-index:1;}
.kkModule:after,.kkModule-sub:after {border-right:2px solid var(--module-border-color);right:-1px;z-index:1;}
.kkModule-sub {position:absolute;bottom:0;left:0;right:0;}
.kkModule-sub:before,.kkModule-sub:after {position:absolute;width:10px;height:10px;content:"";border-bottom:2px solid var(--module-border-color);bottom:-1px;z-index:1;}
/*msg*/
.kkMsg {position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;z-index:1010;}
.kkMsg .kkMsg-box {display:flex;justify-content:center}
.kkMsg .kkMsg-body {display:flex;padding:15px 20px 15px 15px;background-color:#fff;border-radius:2px;border:1px solid #d4d3d4;min-width:160px;font-size:14px;}
.kkMsg .kkMsg-icon {height:30px;line-height:30px;width:40px;}
.kkMsg .kkMsg-icon .el-icon {font-size:30px;}
.kkMsg .el-icon-success {color:var(--success-color);}
.kkMsg .el-icon-warning {color:var(--fail-color);}
.kkMsg .kkMsg-cont {line-height:30px;flex:1}
/*alert*/
.kkAlert {position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;background-color:rgba(0,0,0,.05);z-index:1011}
.kkAlert .kkAlert-box {background-color:#fff;border-radius:2px;border:1px solid #d4d3d4;position:absolute}
.kkAlert .kkAlert-header {font-size:14px;height:40px;line-height:40px;background-color:#f9f9f9;border-bottom:1px solid #e9e9e9;padding:0 15px;cursor:move;position:relative}
.kkAlert .kkAlert-close {font-size:20px;position:absolute;right:10px;top:0;opacity:.6;cursor:pointer}
.kkAlert .kkAlert-close:hover {opacity:1}
.kkAlert .kkAlert-body {display:flex;padding:15px 20px 15px 15px;min-width:300px;max-width:60vw;font-size:14px;}
.kkAlert .kkAlert-icon {height:30px;line-height:30px;width:40px;}
.kkAlert .kkAlert-icon .el-icon {font-size:30px;color:var(--alert-color);}
.kkAlert .kkAlert-cont {line-height:30px;flex:1}
.kkAlert .kkAlert-footer {height:40px;line-height:40px;text-align:right;padding:0 15px;}
/*submit*/
.mySubmit {position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;background-color:rgba(0,0,0,.05);z-index:1010}
.mySubmit .mySubmit-box {background-color:#fff;border-radius:2px;line-height:24px;border:1px solid #d4d3d4;position:absolute}
.mySubmit .mySubmit-header {font-size:14px;height:40px;line-height:40px;background-color:#f0f0f0;border-bottom:1px solid #e9e9e9;padding:0 15px;cursor:move;position:relative}
.mySubmit .mySubmit-close {font-size:20px;position:absolute;right:10px;top:0;opacity:.6;cursor:pointer}
.mySubmit .mySubmit-close:hover {opacity:1}
.mySubmit .mySubmit-body {display:flex;padding:15px 15px 12px;min-width:300px}
.mySubmit .mySubmit-body input {height:30px;line-height:30px;width:100%;border:1px solid #ccc;outline:none;padding:0 5px}
.mySubmit .mySubmit-body input:hover {border-color:var(--base-color)}
.mySubmit .mySubmit-footer {height:40px;line-height:40px;text-align:right;padding:0 15px}
/*loading*/
.myLoading {position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;flex-direction:column;background-color:rgba(0,0,0,.5);z-index:1010}
.myLoading .myLoading-box {display:flex;justify-content:center}
.myLoading .myLoading-body {display:flex;flex-direction:column;text-align:center;border-radius:2px;color:rgba(255,255,255,.7)}
.myLoading .myLoading-body.haveTxt {background-color:rgba(255,255,255,.2);padding:20px 50px 10px;min-width:250px;max-width:400px;}
.myLoading .myLoading-icon {margin-bottom:15px;}
.myLoading-dots {width:100px;display:flex;justify-content:space-between;align-items:center;margin:0 auto}
.myLoading-dots div {width:12px;height:12px;border-radius:50%;background-color:rgba(36,198,219,1);animation:myLoading-dots-fade 0.8s ease-in-out alternate infinite}
.myLoading-dots div:nth-child(1) {width:8px;height:8px;animation-delay:-1s}
.myLoading-dots div:nth-child(2) {width:9px;height:9px;animation-delay:-.8s}
.myLoading-dots div:nth-child(3) {width:10px;height:10px;animation-delay:-.6s}
.myLoading-dots div:nth-child(4) {width:11px;height:11px;animation-delay:-.4s}
.myLoading-dots div:nth-child(5) {animation-delay:-.2s}
@keyframes myLoading-dots-fade {from {opacity:1}
  to {opacity:0}
}
.myLoading .myLoading-cont {line-height:30px;flex:1;}

/*kkLoading_deepBlue*/
.kkLoading_deepBlue {width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;background-color:rgba(6,21,55,1);}
.kkLoading_deepBlue .img_big {width:365px;height:365px;position:absolute;left:calc(50% - 182px);top:calc(50% - 182px);background:url('./img/deepBlue_big.png') no-repeat;animation:kkLoading_deepBlue_a1 8s infinite linear;}
.kkLoading_deepBlue .img_small {width:365px;height:365px;position:absolute;left:calc(50% - 182px);top:calc(50% - 182px);background:url('./img/deepBlue_small.png') no-repeat;animation:kkLoading_deepBlue_a2 7s infinite linear;}
.kkLoading_deepBlue .txt {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:rgba(255,255,255,.5);font-size:16px;text-align:center;}
@keyframes kkLoading_deepBlue_a1 {from {transform:rotate(0deg);}
  50% {transform:rotate(180deg);}
  to {transform:rotate(360deg);}
}
@keyframes kkLoading_deepBlue_a2 {from {transform:rotate(0deg);}
  50% {transform:rotate(-180deg);}
  to {transform:rotate(-360deg);}
}
/*dialog*/
.myDialog {position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.myDialog-bg {width:100%;height:100%;background-color:rgba(0,0,0,0.3)}
.myDialog-box {background-color:#fff;border-radius:1px;border:1px solid #333;box-sizing:border-box;position:relative;display:flex;flex-direction:column;min-width:200px;min-height:100px;}
.noComp .myDialog-box {display:block;border:none}
.myDialog-header {position:relative;height:40px;line-height:40px;padding:0 15px;border-bottom:1px solid #e0e0e0;background-color:#f0f0f0;cursor:move;flex-shrink:0; color: #333}
.myDialog-close {position:absolute;right:10px;top:1px;font-size:20px;cursor:pointer;z-index:1001;opacity:.8}
.noComp .myDialog-close {top:-10px;right:-10px;font-weight:600;display:inline-block;padding:4px;color:#fff;background-color:#333; border:2px solid #fff; border-radius:50%;width:30px;height:30px;line-height:14px;text-align:center;box-sizing: border-box;}
.myDialog-close:hover {opacity:1}
.myDialog-cont {padding:5px;flex:1;overflow-y:auto;position:relative;}
.noComp .myDialog-cont {padding:0;overflow:hidden;width:100%;height:100%}
.myDialog-footer {padding:0 10px;height:40px;line-height:40px;text-align:right;border-top:1px solid #f0f0f0;flex-shrink:0;}
.myDialog-cont .myDialog-close {top:10px;border:1px solid #333;border-radius:50%;width:20px;height:20px;line-height:18px;text-align:center;}
